<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="shortcut icon" href="assets/ico/favicon.png">
  <script src="./js/socket.io.min.js" type="text/javascript"></script>

	<title>Should I buy it?</title>

	<!-- Bootstrap core CSS -->
	<link href="css/bootstrap.css" rel="stylesheet">

	<!-- Custom styles for this template -->
	<link href="mycss.css" rel="stylesheet">

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../../assets/js/html5shiv.js"></script>
      <script src="../../assets/js/respond.min.js"></script>
      <![endif]-->
  </head>

  <body>

  	<div class="container">

  		<div class="starter-template">
  			<h1>Should I buy it?</h1>
  			<p class="lead">Decisions that matter</p>
  		</div>





  		<div id="fb-root"></div>
  		<script>
  			window.fbAsyncInit = function() {
  				FB.init({
          appId      : '1379429718944357', // App ID
          channelUrl : 'http://localhost/Shibi/index.html', // Channel File
          status     : true, // check login status
          cookie     : true, // enable cookies to allow the server to access the session
          xfbml      : true  // parse XFBML
});

  // Here we subscribe to the auth.authResponseChange JavaScript event. This event is fired
  // for any authentication related change, such as login, logout or session refresh. This means that
  // whenever someone who was previously logged out tries to log in again, the correct case below 
  // will be handled. 
  FB.Event.subscribe('auth.authResponseChange', function(response) {
    // Here we specify what we do with the response anytime this event occurs. 
    if (response.status === 'connected') {
      // The response object is returned with a status field that lets the app know the current
      // login status of the person. In this case, we're handling the situation where they 
      // have logged in to the app.
      testAPI();
  } else if (response.status === 'not_authorized') {
      // In this case, the person is logged into Facebook, but not into the app, so we call
      // FB.login() to prompt them to do so. 
      // In real-life usage, you wouldn't want to immediately prompt someone to login 
      // like this, for two reasons:
      // (1) JavaScript created popup windows are blocked by most browsers unless they 
      // result from direct interaction from people using the app (such as a mouse click)
      // (2) it is a bad experience to be continually prompted to login upon page load.
      FB.login();
  } else {
      // In this case, the person is not logged into Facebook, so we call the login() 
      // function to prompt them to do so. Note that at this stage there is no indication
      // of whether they are logged into the app. If they aren't then they'll see the Login
      // dialog right after they log in to Facebook. 
      // The same caveats as above apply to the FB.login() call here.
      FB.login();
  }
});
};

  // Load the SDK asynchronously
  (function(d){
  	var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
  	if (d.getElementById(id)) {return;}
  	js = d.createElement('script'); js.id = id; js.async = true;
  	js.src = "//connect.facebook.net/en_US/all.js";
  	ref.parentNode.insertBefore(js, ref);
  }(document));

  function onUserRegitered(data){

  	console.log("onUserRegitered");
  	console.log(data);
  }


  function testAPI() {
  	 console.log('Welcome!  Fetching your information.... ');
  	 var mytoken = FB.getAccessToken();
	   var userFriends = [];

	

	FB.api('/me?fields=friends.fields(id)', function(response) {
		console.log("FRIENDS");
		console.log(response);

		userFriends = response.friends.data.map(function(elem){
    return elem.id;
}).join(",");;

		console.log("userFriends");
		console.log(userFriends);

	

  	FB.api('/me', function(response) {
  		console.log('Good to see you, ' + response.name + '.');
  		console.log(response );

  		var data = { userId : response.id, name : response.name, token:mytoken, friends:userFriends };
  		var questionData = { userId : '3006443', text:"Should i buy this????!", friends : userFriends };
      //Add user 


	$.ajax({
      	type: "POST",
      	url: "addQuestion.php",
      	data: questionData,
      	success: function(){}
      });


      $.ajax({
      	type: "POST",
      	url: "registerUser.php",
      	data: data,
      	success: onUserRegitered
      });


  });


});

  var socket = io.connect('http://localhost:6085');

      socket.on('handshake', function (data) {
      console.log(data);
      socket.emit('azul', { token: mytoken});
    
      });





}




</script>


<!--
  Below we include the Login Button social plugin. This button uses the JavaScript SDK to
  present a graphical Login button that triggers the FB.login() function when clicked.

  Learn more about options for the login button plugin:
  /docs/reference/plugins/login/ -->

  <fb:login-button scope="user_likes,user_friends,friends_likes" show-faces="true" width="200" max-rows="1"></fb:login-button>

</div>

<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
